<template>
<div>
    <div class="base-template__content">
        <div  class="moon__title">行政区划属性资源</div>
        <div  class="moon__img">
        </div>
        <div  class="moon__descriptionList">
            行政区划属性资源是截止到2018年12月31日,自治区各行政区的驻地名称以及经纬度、区划代码、人口数量、面积大小、电话区号、邮编编码信息,以上信息将以年份的形式统计，具体信息由民政厅为最终解释权。
        </div>
    </div>
    <div  class="table-parameter">
        <div  class="line-dotted"></div>
        <div   class="new-content-title-wrapper">
            <div  class="new-content-title">服务资源描述</div>
            <div  class="new-content-line" style="width: 94px;"></div>
        </div>
        <table  class="table-custom">
            <tbody >
                <tr >
                    <td >资源路径</td>
                    <td style="user-select: text;">{{url}}</td>
                </tr>
                <tr >
                    <td >请求方式</td>
                    <td >GET/POST</td>
                </tr>
                <tr >
                    <td >权限</td>
                    <td >公开访问</td>
                </tr>
                <tr >
                    <td >跨域情况</td>
                    <td >跨域可用</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div  class="table-parameter">
        <div  class="line-dotted"></div>
        <div   class="new-content-title-wrapper">
            <div  class="new-content-title">服务请求参数</div>
            <div  class="new-content-line"  style="width: 94px;"></div>
        </div>
        <table  class="table-custom">
            <thead >
                <tr >
                    <th >参数</th>
                    <th >默认值</th>
                    <th >说明</th>
                </tr>
            </thead>
            <tbody >
                <tr >
                    <td >code</td>
                    <td ></td>
                    <td >必须项，行政区划代码,参考行政区划code表</td>
                </tr>
                <tr >
                    <td >year</td>
                    <td ></td>
                    <td >非必须项，表明属性资源的年份如2018，如果不填则返回录入的所有年份。</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div  class="table-parameter">
        <div  class="line-dotted"></div>
        <div   class="new-content-title-wrapper">
            <div  class="new-content-title">示例</div>
            <div  class="new-content-line" style="width: 32px;"></div>
        </div>

        <div class="codes">
            <p class="code0">
                codes like this 
            </p>
            <div style="border: 1px solid #ddd;padding: 10px;background-color: #e6e6e6;border-radius: 15px;user-select: text;">
                <p class="code0">
                    jquery.ajax({
                </p>
                <p class="code2">
                    type:"get",// 或者post
                </p>
                <p class="code2">
                    async：true
                </p>
                <p class="code2">
                    dataType:"json",
                </p>
                <p class="code2">
                    {{urlAjax}}
                </p>
                <p class="code2">
                    data: {
                </p> 
                <p class="code4">
                    code:152900,
                </p>
                <p class="code4">
                    //year:2018, year项可以不填
                </p>
                <p class="code2">
                    }   
                </p>
                <p>
                    }).then(result=>{
                </p>
                <p class="code4">
                    //the result like this

                   、邮编编码
                </p>
                <p class="code4">
                    message: "",//只有当出错时（status为false时才有错误描述信息）
                </p>
                <p class="code4">
                    result: [ //结果列表
                </p>
                <p class="code6">
                    {
                </p>
                <p class="code8">
                    area: 270244,    //面积大小（平方千米）
                </p>
                <p class="code8">
                    areacode: "0483", //电话区号
                </p>
                <p class="code8">
                    code: 152900, //区划代码
                </p>
                <p class="code8">
                    persons: 19 ,  //人口数量(万)
                </p>
                <p class="code8">
                    postalcode : "750306" ,  //邮编编码
                </p>
                <p class="code8">
                    station: "阿拉善左旗"  ,  //驻地名称
                </p>
                <p class="code8">
                    stationx: "105.735387" ,  //驻地名称经度
                </p>
                <p class="code8">
                    stationy: "38.857533" ,  //驻地名称纬度
                </p>
                <p class="code8">
                    year: 2018  //当前属性的年份
                </p>
                <p class="code6">
                    }
                </p>
                <p class="code6">
                    .......省略
                </p>
                <p class="code4">
                    ],
                </p>
                <p class="code4">
                    status: true
                </p>   
                <p class="code2">
                    })
                </p>
            </div>
        </div>
    </div>
</div>

</template>
<script>
  export default {
    data() {
      return {
          url:'',
          urlAjax:'',
      }
    },
    mounted() {
        this.url=window.Glod.ajax+"xzqh/search_prop?",
        this.urlAjax=`url：${this.url}`
    },
  }
</script>